<div id="tab-1" class="tab-item tab-campaign">
    <div class="tab-item-content">
        <?php
            if(sizeof($progress) == 0 && sizeof($invited) == 0){
            ?>
                <div class="tab-campaign-header-not-join">
                    <p class="font-22">HIỆN TẠI BẠN KHÔNG THAM GIA CHIẾN DỊCH NÀO</p>
                    <p class="font-arial-16" style="padding-bottom: 15px">Có thể sẽ mất một ít thời gian để chúng tôi tìm được những chiến dịch phù hợp với sở thích và phong cách sống của bạn, nhưng chúng tôi sẽ cập nhật các chiến dịch mỗi ngày để mang lại cho bạn kết quả một cách nhanh nhất. Trong thời gian chờ đợi bạn có thể làm những điều sau:</p>

                    <div class="campaign-checkbox">
                        <div class="campaign-checkbox-left">
                            <span class="checkbox-item-custom"></span>
                        </div>
                        <div class="campaign-checkbox-right">
                            Đăng nhập thường xuyên và hoàn thành những bài <a href="">khảo sát</a> về sở thích và thông tin cá nhân.
                        </div>
                    </div>

                    <div class="campaign-checkbox">
                        <div class="campaign-checkbox-left">
                            <span class="checkbox-item-custom"></span>
                        </div>
                        <div class="campaign-checkbox-right">
                            Kiểm tra email để cập nhật những lời mời tham gia chiến dịch thử sản phẩm từ Buzzy.
                        </div>
                    </div>

                    <p class="font-arial-16">Tìm hiểu thêm những khả năng <a href="">ảnh hưởng</a> đến việc bạn được mời tham gia chiến dịch, để biết làm thế nào bạn có thể có thêm cơ hội nhận được nhiều lời mời thử sản phẩm và dịch vụ.</p>
                </div>
            <?php
            }else{
            ?>
                <div class="tab-campaign-header-join">
                    <?php
                        if(sizeof($invited) > 0){
                        ?>
                            <h3 class="font-30" style="color: #f20f85; padding-top: 0; margin-bottom: 20px">CHÚC MỪNG BẠN ĐÃ ĐƯỢC MỜI THAM GIA CHIẾN DỊCH NÀY</h3>
                            <div class="campaign-invited">
                                <div class="campaign-invited-img">
                                    <img src="<?php echo ROOT_URL; ?>upload/images/c1.png">
                                </div>
                                <div class="campaign-invited-content">
                                    <p class="font-22" style="color: #054363">SỮA GỘI TÓC FRISS-EASE</p>
                                    <p class="font-arial-14">
                                        Bạn được mời thử sản phẩm sửa gội tóc mới của hãng Reckitt Beckinser Frizz-Ease, cho mái tóc mượt và óng ả nhử salon. Bạn sẽ nhận được một bộ sản phẩm và một cho người thân.
                                    </p>
                                </div>
                                <div class="campaign-invited-button">
                                    <input class="accept-campaign btn" type="button" value="Tôi đồng ý">
                                    <input class="not-accept-campaign btn" type="button" value="Từ chối">
                                </div>
                            </div>
                        <?php
                        }

                        if(sizeof($progress) > 0){
                        ?>
                            <div class="campaign-joining">
                                <p class="font-22" style="margin-top: 20px">CÁC CHIẾN DỊCH BẠN ĐANG THAM GIA</p>
                                <div class="campaign-joining-item">
                                    <div class="campaign-joining-item-img">
                                        <img src="<?php echo ROOT_URL; ?>upload/images/c3.png">
                                    </div>
                                    <div class="campaign-joining-item-title font-arial-14">
                                        Nước khoáng Poland Spring thuần khiết
                                    </div>
                                    <div class="campaign-joining-item-notice font-arial-14">Bạn đã viết 1 bài bình luận cho chiến dịch này</div>
                                    <div class="campaign-joining-item-button">
                                        <input class="btn" name="view-campaign" type="button" value="Xem bài viết">
                                    </div>
                                </div>

                                <div class="campaign-joining-item">
                                    <div class="campaign-joining-item-img">
                                        <img src="<?php echo ROOT_URL; ?>upload/images/c2.png">
                                    </div>
                                    <div class="campaign-joining-item-title font-arial-14">
                                        Nước khoáng Poland Spring thuần khiết
                                    </div>
                                    <div class="campaign-joining-item-notice font-arial-14">Bạn đã viết 1 bài bình luận cho chiến dịch này</div>
                                    <div class="campaign-joining-item-button">
                                        <input class="btn" name="writer-comment" type="button" value="Viết bình luận">
                                    </div>
                                </div>

                            </div>
                        <?php
                        }
                    ?>
                </div>
            <?php
            }
        ?>

        <div class="tab-campaign-running">
            <h3 class="font-30">CÁC CHIẾN DỊCH ĐANG DIỄN GIA</h3>
            <?php
                foreach($data as $value){
                ?>
                    <div class="tab-campaign-item">
                        <a title="<?php echo $value['campaign_title']; ?>" href="<?php echo ROOT_URL."campaign/".$value['cid']."-".$value['campaign_url']; ?>">
                            <?php
                                if($value['campaign_image']){
                                    echo '<img src="'.ROOT_URL.'upload/images/'.$value['campaign_image'].'">';
                                }
                            ?>
                        </a>
                    </div>
                <?php
                }
            ?>
            <!--<div class="tab-campaign-item">
                <img src="<?php /*echo ROOT_URL; */?>upload/images/c1.png">
            </div>

            <div class="tab-campaign-item">
                <img src="<?php /*echo ROOT_URL; */?>upload/images/c1.png">
            </div>

            <div class="tab-campaign-item">
                <img src="<?php /*echo ROOT_URL; */?>upload/images/c1.png">
            </div>-->
        </div>
    </div>
</div>

<script>
    $(window).load(function(){

        var bar_header = "TRUNG TÂM TÀI KHOẢN BUZZER";
        var bar_title = "THỬ SẢN PHẨM. TRẢI NGHIỆM. CHIA SẺ. TƯƠNG TÁC.";
        var bar_info = "Bạn sẽ được mời tham gia các chiến dịch của Buzzie và dùng thử những sản phẩm hay dịch vụ mà bạn yêu thích. Sau đó hãy chia sẻ trải nghiệm của mình và chúng tôi sẽ mời bạn tham dự thêm những cơ hội thử sản phẩm khác. Chúng tôi sẽ ưu tiên các chiến dịch hay nhất cho những Buzzer năng động và tích cực trong việc chia sẻ và tương tác.";

        $('.bar-header').text(bar_header);
        $('.bar-title').text(bar_title);
        $('.bar-info').text(bar_info);

    });
</script>